<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>忘记密码</title>
<meta name="keywords" content="速用科技管理系统">
<meta name="description" content="速用科技管理系统">
<!-- Favicon -->
<link rel="icon" href="/img/favicon.png">
<link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<link href="/css/animate.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<link href="/css/findPassword.css" rel="stylesheet">
<!-- 自定义css开始 -->
<style type="text/css">
/*消除google浏览器黄色框 */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus
	{
	box-shadow: 0 0 0 60px #eee inset;
	-webkit-text-fill-color: #878787;
}

.footer-18q {
  	position: absolute;
  	left:30%;
	bottom: 25px;
	font-size: 12px;
	font-family: white;

}

.footer-18q > * {
	margin-right: 15px;
	color: hsla(0,0%,100%,.5);
	

}
</style>
<script>
        if (window.top !== window.self) {
            window.top.location = window.location;
        }//这段代码可以防止自己的网页被别人用iframe的方式嵌入到其它网页中去
        
        

</script>


</head>

<body class="signin" id="signin">
	<div class="signinpanel" style="margin-top: 20%">

		<form id="forgetForm" action="/forgetOne" method="post">


			<h3 class="text-center">找回密码</h3>

			<input type="text" name="phone" id="phone" class="form-control input-lg"
				placeholder="请输入手机号码" style="margin-top: 30px;"/>
			<button class="btn btn-block btn-primary input-lg" type="submit">下一步</button>

			<!--按钮模块-->
			<div class="outside-login">
				<div class="outside-login-tit"></div>
				<a href="/login">返回</a>
			</div>
		</form>
	</div>


   <div class="footer-18q">
     <span>Copyright&nbsp;&nbsp;©&nbsp;2018&nbsp; 速用科技&nbsp;&nbsp;</span>
     <span>联系人：(叶先生)15217628168</span>
     <span>地址：广州市花都区莲塘商务大厦 816室</span>
     <span>粤ICP备17075092号</span>
  </div>


	<script th:inline="javascript"> var ctx = [[@{/}]] ; </script>
	<!-- 全局js -->
	<script src="/js/jquery.min.js?v=2.1.4"
		th:src="@{/js/jquery.min.js?v=2.1.4}"></script>
	<script src="/js/bootstrap.min.js?v=3.3.6"
		th:src="@{/js/bootstrap.min.js?v=3.3.6}"></script>

	<!-- 自定义js -->
<!-- 	<script src="/js/content.js?v=1.0.0" th:src="@{/js/content.js?v=1.0.0}"></script> -->

	<!-- jQuery Validation plugin javascript-->
	<script src="/js/ajax-util.js"></script>
	<script src="/js/plugins/validate/jquery.validate.min.js"
		th:src="@{/js/plugins/validate/jquery.validate.min.js}"></script>
	<script src="/js/plugins/validate/messages_zh.min.js"
		th:src="@{/js/plugins/validate/messages_zh.min.js}"></script>
	<script src="/js/plugins/layer/layer.min.js"
		th:src="@{/js/plugins/layer/layer.min.js}"></script>


<script type="text/javascript">
	$().ready(function() {
		
		validateRule();
		
	});


    function validateRule() {
        var icon = "<i class='fa fa-times-circle'></i> ";
        jQuery.validator.addMethod("isphone", function(value, element) {  
    	    var length = value.length;  
    	    var phone = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;  
    	    return this.optional(element) || (length == 11 && phone.test(value));  
    	}, "请正确填写您的手机号码"); 
        $("#forgetForm").validate({
            rules: {
                phone : {
    				required : true,
    				isphone : true,
    				remote : {
    					url : "/sys/user/noexit", // 后台处理程序
    					type : "post", // 数据发送方式
    					dataType : "json", // 接受数据格式
    					data : { // 要传递的数据
    						phone : function() {
    							return $("#phone").val();
    						}
    					}
    				}
    			}
             
            },
            messages: {

            	phone : {
    				required : icon + "请输入手机号码",
    				remote : icon + "手机号码不存在",
    				isphone:icon + "请输入正确手机号码"
    			}
            
            }          
        })
        
        
           
        
    }
</script>
</body>
</html>
